<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .mask1 {
          /* -webkit-mask-image: url('https://www.w3school.com.cn/i/pic/w3.png'); */
          mask-image: url('https://www.w3school.com.cn/i/pic/w3.png');
          mask-repeat: no-repeat;    
        }
        </style>


    <div class="mask1">

    <img src="https://www.w3school.com.cn/i/photo/wuhan.jpg" alt="武汉" style="width:600px;height:400px;" />
</div>

</body>
</html>